<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>如何从0-1构建一个Vue项目</title>
</head>
<body>
</body>
<script>
  // 1、构建项目，创建项目基本结构
  // 2、引入必要的插件
  // 3、代码规范：prettier、eslint
  // 4、提交规范：husky，lint-staged
  // 5、其他常用：svg-loader，vueuse，nprogress
  // 6、常见目录结构

  // 从0创建一个项目我大致会做以下事情：项目构建、引入必要的插件、代码规范、常用库和组件
  // vue2中会使用`vue init webpack xxx` 或者 `vue create code` 来创建,vue3中会用vite或者create-vue来创建
  // 接下来引入一些必要的插件：路由插件vue-router、状态管理vuex/pinia、css预处理器scss、less之类的、还有图表echarts、操作cookie的js-cookie、国际化处理的i18n、处理meta的vue-meta、ui库element-ui、element-plus、vant、http工具会选择axios、
  // 其他的一些常用的vueuse、nprogress、vue-loader等
  // 代码的规范：结合prettier格式化代码和eslint即可
  // 提交规范：可以用husky，lint-staged，commitlint

  // 目录结构：
  // public：用来放一些诸如页头icon，index.html 之类的文件，这个会被打包到dist根目录下
  // api：用来放一些接口
  // assets：用来放一些静态资源文件，如图片，样式之类的
  // components：用来放一些公用组件
  // filters：用来放一些过滤器
  // lang：放国际化语音文件
  // layout：放一些布局文件
  // router：路由文件
  // store：放一些状态管理配置vuex、pinia
  // utils：放一些工具类
  // views：放页面组件


</script>
</html>